﻿<div class="span12" ng-cloak>
    <div class="widget-box">
        <div class="widget-title">
            <span class="icon"><i class="icon-list-alt"></i></span>
            <h5>用户交易明细查询</h5>
        </div>
        <div class="widget-content">
            <div class="btns-div">
                <input type="button" class="col-btn btn-small btn-info" value="充押金记录" />
                <input type="button" class="col-btn btn-small" value="充余额记录" />
                <input type="button" class="col-btn btn-small" value="退款记录" />
            </div>

            <form name='qoldTransactionForm' class="form-horizontal query-border" role="form">
                <div class="form-group">
                    <div class="col-lg-5 tag-horizontal form-inline">
                        <div class="col-sm-2">
                            <label class="inline pull-label s-label-len text-right" for="userSTime">交易时间</label>
                        </div>

                        <div class="col-sm-8">
                            <div class="transSTime input-append date form_datetime">
                                <input type="text" class="form-inline row-control" id="transSTime" data-format="yyyy/MM/dd" ng-model="queryUserTrans.transSTime" name="transSTime" />
                                <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
                            </div>
                            <span class="row-mid">~</span>
                            <div class="transETime input-append date form_datetime">
                                <input type="text" class="form-inline row-control" id="transETime" data-format="yyyy/MM/dd" ng-model="queryUserTrans.transETime" name="transETime" />
                                <span class="add-on"><i data-time-icon="icon-time" data-date-icon="icon-calendar"></i></span>
                            </div>
                        </div>

                    </div>

                    <div class="col-lg-4 tag-horizontal" style="margin-right: 0;padding-right: 0;">
                        <div class="col-lg-3 form-inline col-sm-offset-0 col-lg-offset-1">
                            <label class="text-right inline pull-label s-label-len" for="phone" style="text-align:right !important">手机号</label>
                        </div>

                        <div class="col-lg-7">
                            <input name='phone' type="text" id="phone" class="m-wrap form-control" placeholder="请输入用户手机号" ng-model='queryUserTrans.phone' />
                        </div>
                    </div>

                    <div class="col-lg-3 tag-horizontal">
                        <div class="col-lg-3">
                            <label class="inline pull-label s-label-len" for="transStatus">交易方式</label>
                        </div>

                        <div class="col-lg-9">                            <select id="idType" name="transStatus" class="form-control select-inline-tag" ng-model="queryUserTrans.transType">
                                <option value="" ng-selected="true">所有</option>
                                <option value="1">支付宝支付</option>
                                <option value="2">微信支付</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-lg-3 tag-horizontal">
                        <div class="col-lg-3">
                            <label class="inline pull-label s-label-len text-right" for="transResult">交易结果</label>
                        </div>
                        <div class="col-lg-9">
                            <select id="transResult" name="transResult" class="form-control select-inline-tag" ng-model="queryUserTrans.transResult">
                                <option value="" ng-selected="true">所有</option>
                                <option value="1">操作成功</option>
                                <option value="2">操作失败</option>
                            </select>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <div class="col-lg-1 col-md-2 col-sm-3 col-xs-4">
                        <a ng-click='onQuery()' class="btn grey btn-margin-left"><i class="icon-search"></i>查询</a>
                    </div>
                </div>

            </form>
        </div>
    </div>
    <div class="widget-box">
        <div class="widget-title">
            <span class="icon"><i class="icon-reorder"></i></span>
            <h5>用户交易明细列表</h5>
        </div>

        <div id="successAlert" class="alert alert-success" style="display:none;"></div>
        <div id="warningAlert" class="alert alert-warning" style="display:none;"></div>

        <div class="widget-content table-responsive">
            <table ng-table="tableParams" class="table table-striped table-bordered table-hover">
                <thead class="panel panel-default">
                    <tr class="panel-heading">
                        <th class="hidden-480">序号</th>
                        <th class="hidden-480">用户手机号</th>
                        <th class="hidden-480">{{chkSeq==2?'退款金额':'充值金额'}}</th>
                        <th class="hidden-480">{{chkSeq==2?'退款方式':'充值方式'}}</th>
                        <th class="hidden-480">{{chkSeq==2?'退款结果':'充值结果'}}</th>
                        <th class="hidden-480">交易号</th>
                        <th class="hidden-480">商户订单号</th>
                        <th class="hidden-480">{{chkSeq==2?'退款时间':'支付时间'}}</th>
                        <th class="hidden-480">创建时间</th>
                        <th class="hidden-480">描述</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="odd gradeX" ng-repeat='item in $data'>
                        <td class="hidden-480">
                            <span>{{$index+1+preCnt}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.Phone}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.Amount}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.RechargeType}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.RechargeStatus}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.Trade_no}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.OutTradeNo}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.PayDate|dateFormatFilter}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.CreateTime|dateFormatFilter}}</span>
                        </td>
                        <td class="hidden-480">
                            <span>{{item.Remark}}</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>